export type AsideThemeType = "light" | "inverted" | "bright"|"senior";

export const asideTheme: Record<AsideThemeType, { [key: string]: string }> = {
  light: {
    "--el-logo-text-color": "#1a1a1a",//侧边栏（Aside）中 logo 文本的颜色。
    "--el-menu-bg-color": " #87ceeb",// 侧边栏菜单的背景颜色。 #f4f4f4
    "--el-menu-hover-bg-color": "#e3e3e3",//侧边栏菜单项悬停时的背景颜色。
    "--el-menu-active-bg-color": "#d6d6d6",//侧边栏菜单项处于活动状态时的背景颜色。
    "--el-menu-text-color": "#333333",//侧边栏菜单项的文本颜色。
    "--el-menu-active-color": "#0080ff",//侧边栏菜单项处于活动状态时的文本颜色。
    "--el-menu-hover-text-color": "#1a1a1a",//侧边栏菜单项悬停时的文本颜色。
    "--el-menu-horizontal-sub-item-height": "55px"//水平菜单子项的高度。
  },
  inverted: {
    "--el-logo-text-color": "#dadada",
    "--el-menu-bg-color": "#191a20",
    "--el-menu-hover-bg-color": "#000000",
    "--el-menu-active-bg-color": "#000000",
    "--el-menu-text-color": "#bdbdc0",
    "--el-menu-active-color": "#ffffff",
    "--el-menu-hover-text-color": "#ffffff",
    "--el-menu-horizontal-sub-item-height": "55px"
  },
  bright: {
    "--el-logo-text-color": "#1a1a1a",
    "--el-menu-bg-color": "#6495ed",
    "--el-menu-hover-bg-color": "#e3e3e3",
    "--el-menu-active-bg-color": "#d6d6d6",
    "--el-menu-text-color": "#333333",
    "--el-menu-active-color": "#0080ff",
    "--el-menu-hover-text-color": "#1a1a1a",
    "--el-menu-horizontal-sub-item-height": "55px"
  },
  senior: {
    "--el-logo-text-color": "#ffffff", // 白色 logo 文本
    "--el-menu-bg-color": "#34495e", // 深蓝灰色背景，优雅且现代
    "--el-menu-hover-bg-color": "#4e6a85", // 深灰钢蓝色，鼠标悬停效果
    "--el-menu-active-bg-color": "#2980b9", // 明亮的蓝色，用于活动状态的菜单项
    "--el-menu-text-color": "#bdc3c7", // 浅灰色文本，在深色背景下易于阅读
    "--el-menu-active-color": "#ecf0f1", // 浅色文本，用于活动状态下的高对比度
    "--el-menu-hover-text-color": "#ecf0f1", // 鼠标悬停时的文本颜色，与悬停背景色形成对比
    "--el-menu-horizontal-sub-item-height": "55px" // 子菜单项高度
  }
};